@use "@/assets/styles/mixin";
.accept-plan {
  height: 100%;
  display: flex;
  .left {
    flex-shrink: 0;
    width: 300px;
    padding: 20px;
    box-sizing: border-box;
    border-right: 1px solid #f5f7fa;
    .base-info {
      .title {
        font-size: 16px;
        color: #4e5969;
        margin-bottom: 15px;
      }
      .info-item {
        display: flex;
        margin-bottom: 20px;
        font-size: 14px;
        color: #86909c;
        .name {
          min-width: 90px;
        }
        .val {
          color: #3d3d3d;
        }
      }
      &:nth-of-type(1) {
        border-bottom: 1px solid #f5f7fa;
        margin-bottom: 15px;
      }
    }
  }
  .right{
    @include mixin.flex-column;
    flex: 1;
    height: 100%;
    overflow: hidden;
  }
}
